<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>up6-vue</title>
	<link rel="stylesheet" type="text/css" href="res/up6/panel/up6.css" />
    <script type="text/javascript" src="res/jquery-1.4.min.js"></script>
    <script type="text/javascript" src="res/json2.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/vue.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/up6.edge.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/up6.app.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/panel/up6.file.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/panel/up6.folder.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/panel/up6.js" charset="utf-8"></script>
    <script type="text/javascript" src="res/up6/up6.vue.js" charset="utf-8"></script>
</head>
<body>
    <p>up6此页面演示单个文件上传样式</p>
    <p><a href="api/up6/clear.jsp" target="_blank">上传-清空数据库</a></p>
    <p><a href="view/nosql/index.html" target="_blank">上传-多标签(NOSQL)</a></p>
    <p><a href="view/nosql/panel.html" target="_blank">上传-单面板(NOSQL)</a></p>
    <p><a href="index.html" target="_blank">上传-多标签</a></p>
    <p><a href="panel.html" target="_blank">上传-单面板</a></p>
    <p><a href="single.html" target="_blank">上传-单文件示例</a></p>
    <p><a href="localfile.html" target="_blank">上传-固定路径的文件</a></p>
    <p><a href="vue.html" target="_blank">上传-vue示例</a></p>
    <p><a href="layer.html" target="_blank">上传-layer弹窗示例</a></p>
    <p><a href="filemgr.html" target="_blank">文件管理器示例</a></p>
    <p><a href="api/down2/clear.jsp" target="_blank">下载-清空数据库</a></p>
    <p><a href="down2.html" target="_blank">下载-下载示例</a></p>
    <p><a href="down2-ligerui.html" target="_blank">下载-ligerui示例</a></p>
	<!--ui-->
    <div id="app">
	  {{ message }}
          <!--上传面板-->
            <up6 ref="up6"
                :config="config.up6"
                @md5_complete="up6_md5_complete"
                @scan_complete="up6_scan_complete"
                @file_append="up6_file_append"
                @file_complete="up6_file_complete"
                @folder_complete="up6_folder_complete"
                @queue_complete="up6_queue_complete"
                @load_complete="up6_load_complete"
                @unsetup="up6_unsetup"
                @item_selected="up6_item_selected"
                ></up6>
	</div>
    <script type="text/javascript">
	    var app = new Vue({
	        el: '#app',
	        data: {
	            message: '演示up6如何在vue.js中使用',
	            config: {
	            	//配置
	                up6: {
	                    License2: "",
	                    //可扩展的业务逻辑字段
	                    Fields: {uid:0}
	                }
	            }
	        },
	        mounted: function () { },
	        methods: {
	        	//文件MD5验证完毕
	            up6_md5_complete: function (obj,md5) { },
	          	//文件夹扫描完毕
	            up6_scan_complete: function (obj) { },
	          	//文件添加
	            up6_file_append: function (obj) { },
	          	//文件上传完毕
	            up6_file_complete: function (obj) { },
	          	//文件夹上传完毕
	            up6_folder_complete: function (obj) { },
	          	//控件加载完毕
	            up6_load_complete: function () { },
	          	//队列上传完毕
	            up6_queue_complete: function () { },
	          	//控件未安装
	            up6_unsetup: function () { },
	          	//选择文件或目录
	            up6_item_selected: function () { }
	        }
	    });
    </script>
</body>
</html>